<template>
  <div id="app">
    <!-- <img alt="Vue logo" src="./assets/logo.png"> -->
    <!-- <HelloWorld msg="Welcome to Your Vue.js App"/> -->
		<transition>
			<router-view></router-view>
		</transition>
	
  </div>
</template>

<script>

export default {
  name: 'app',
	data(){
		return {}
	},
	
}
</script>

<style>


	.box{
		width:800px;
		height:400px;
		border:1px solid ;
		margin:50px auto;
	}
	.fade-enter-active, .fade-leave-active {
		transition: height .5s;
	}
.fade-enter, .fade-leave-to /* .fade-leave-active below version 2.1.8 */ {
  height:  0;
}
</style>
